<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="shortcut icon" href="../../../docs/src/assets/image2D.png">
    <script src="../../../build/image2D.js"></script>
    <title>image2D - 用例测试 - circle圆</title>
</head>

<body>
    <script>

        // 准备画布
        var svg = $$('<svg></svg>').attr({
            "width": 600,
            "height": 200
        }).appendTo('body');

        // 获取并配置画笔
        var painter = svg.painter();

        /**
         * 测试开始
         * ----------------------------
         */

        painter.bind("<circle>").strokeCircle(100, 100, 90).appendTo(svg);
        painter.bind("<circle>").fillCircle(300, 100, 70).appendTo(svg);
        painter.bind("<circle>").config({
            fillStyle: "red",
            strokeStyle: "black",
            lineDash: []
        }).fullCircle(500, 100, 80).appendTo(svg);
        // 测试虚线
        painter.config('lineDash', [15]).bind("<circle>").strokeCircle(100, 100, 70).appendTo(svg);
        // 测试fullCircle

       
    </script>
</body>

</html>